Résumé cours css


Les feuilles de style est un langage informatique qui sert à décrire la présentation des documents HTML et XML. Il définit dans un fichier spécial,le style de certaines balises.Grâce aux feuilles de style, il suffit de modifier la définition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier.
A l'aide de la balise <link> on peut créer un lien vers une feuille de style à dans un fichier HTML.

Exemple:  <link href="style.css" rel="stylesheet" type="text/css">

La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : un sélecteur de balises, des attributs et les valeurs correspondantes.

Exemple: p {font-family:arial;} 

Voici quelques exemples des attributs possédant des valeurs différentes.

1)Modification du fond d'écran
Exemple modification fond d'écran: 
body{background-image:url(fleurrose.gif);}
Effet: voir le fond d'écran de cette page.
2)Modification du style du texte
Exemple: 
h3{font-family:verdana,sans-serif;color:#E24BA0;text-decoration: underline;}
Effet:

Texte en arial souligné en couleur pink

Certains balises HTML ont des m¨ºmes fonctionnements que les attributs de feuille de style, comme la balise < u > et l'attribut underline
3)Boîtes et bordures
Exemple: 
span{width: 150px;border: 1px solid black;background: orange;}
Effet: un bloc d'éléments
sommaire
cours html